<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:ui="http://java.sun.com/jsf/facelets"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core"
	  xmlns:s="http://jboss.com/products/seam/taglib"
      xmlns:a="http://richfaces.org/a4j">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>JBoss Suites: Seam Framework</title>
	<link href="css/screen.css" rel="stylesheet" type="text/css" />
</head>
<body id="pgHome">
<div id="document">
	<div id="header">
		<div id="title"><img src="img/hdr.title.gif" alt="JBoss Suites: seam framework demo"/></div>
	</div>
	<div id="container">
		<div id="sidebar">		    
		</div>
		<div id="content">
			<div class="section">
				<h1>Register</h1>
			</div>
			<div class="section">
                
                <h:form id="register">
				<fieldset>
				
                    <s:validateAll id="ValidateAll">

                       <f:facet id="AroundInvalidFieldFacet" name="aroundInvalidField">
                           <s:span id="ErrorsSpan" styleClass="errors"/>
                       </f:facet>
                       <f:facet id="AfterInvalidFieldFacet" name="afterInvalidField">
                           <s:div id="ErrorsDiv" styleClass="errors">
               	               <s:message id="message"/>
               	           </s:div>
                       </f:facet>
		    
						<div class="entry">
							<div class="label"><h:outputLabel id="UsernameLabel" for="username">Username:</h:outputLabel></div>
							<div class="input">
								<s:decorate id="usernameDecorate">
									<h:inputText id="username" value="#{user.username}" required="true"  >
                                        <a:support id="onblur" event="onblur" reRender="usernameDecorate"/>
                                    </h:inputText>
								</s:decorate>
							</div>
						</div>
						
						<div class="entry">
							<div class="label"><h:outputLabel id="RealNameLabel" for="name">Real Name:</h:outputLabel></div>
							<div class="input">
								<s:decorate id="nameDecorate">
									<h:inputText id="name" value="#{user.name}" required="true">
                                        <a:support id="onblur" event="onblur" reRender="nameDecorate"/>
                                    </h:inputText>
								</s:decorate>
							</div>
						</div>
						
						<div class="entry">
							<div class="label"><h:outputLabel id="PasswordLabel" for="password">Password:</h:outputLabel></div>
							<div class="input">
								<s:decorate id="passwordDecorate">
									<h:inputSecret id="password" value="#{user.password}" required="true"/>
								</s:decorate>
							</div>
						</div>
						
						<div class="entry">
							<div class="label"><h:outputLabel for="verify">Verify Password:</h:outputLabel></div>
							<div class="input">
								<s:decorate id="verifyDecorate">
									<h:inputSecret id="verify" value="#{register.verify}" required="true"/>
								</s:decorate>
							</div>
						</div>

					</s:validateAll>
					
					<div class="entry errors">
						<h:messages id="messages" globalOnly="true"/>
					</div>
					
					<div class="entry">
						<div class="label">&#160;</div>
						<div class="input">
							<h:commandButton id="register" value="Register" action="#{register.register}"/>&#160;
							<s:button id="cancel" value="Cancel" view="/home.xhtml"/>
						</div>
					</div>
					
				</fieldset>
                </h:form>
                
			</div>			
		</div>
	</div>
	<div id="footer">Created with JBoss EJB 3.0, Seam, MyFaces, and Facelets</div>
</div>
</body>
</html>
